page{
    font-size: 26rpx;
    background-color: #F9F9F9;
    color: #383838;
}
view,text,div,span,ul,li,p,input,textarea,navigator{
    box-sizing: border-box;
}
::-webkit-scrollbar {
    width: 0;
    height: 0;
    color: transparent;
}
image{height: auto;}
.container {
    padding-bottom: 100rpx;
}

/*字号*/
.font_12{font-size: 12rpx;}
.font_14{font-size: 14rpx;}
.font_16{font-size: 16rpx;}
.font_18{font-size: 18rpx;}
.font_20{font-size: 20rpx;}
.font_22{font-size: 22rpx;}
.font_24{font-size: 24rpx;}
.font_26{font-size: 26rpx;}
.font_28{font-size: 28rpx;}
.font_30{font-size: 30rpx;}
.font_32{font-size: 32rpx;}
.font_34{font-size: 34rpx;}
.font_36{font-size: 36rpx;}
.font_38{font-size: 38rpx;}
.font_40{font-size: 40rpx;}
.font_50{font-size: 50rpx;}
.font_52{font-size: 52rpx;}
.font_bold{font-weight: bold;}

/*功能样式*/
.f-tcenter{text-align: center;}
.f-tright {text-align: right;}
.f-tleft {text-align: left;}
.f-clearfix{overflow: hidden;}
.f-left{float: left;}
.f-right{float: right;}
.f-relative{position: relative;}
.f-absolute{position: absolute;}

.f-mt10{margin-top: 10rpx;}
.f-mt20{margin-top: 20rpx;}
.f-mt30{margin-top: 30rpx;}
.f-mt40{margin-top: 40rpx;}
.f-mt50{margin-top: 50rpx;}
.f-mt60{margin-top: 60rpx;}
.f-mt70{margin-top: 70rpx;}
.f-mt80{margin-top: 80rpx;}

.f-pt10{padding-top: 10rpx;}
.f-pt20{padding-top: 20rpx;}
.f-pt30{padding-top: 30rpx;}
.f-pt40{padding-top: 40rpx;}
.f-pt50{padding-top: 50rpx;}
.f-pt60{padding-top: 60rpx;}

.f-mb10{margin-bottom: 10rpx;}
.f-mb20{margin-bottom: 20rpx;}
.f-mb30{margin-bottom: 30rpx;}
.f-mb40{margin-bottom: 40rpx;}
.f-mb50{margin-bottom: 50rpx;}
.f-mb60{margin-bottom: 60rpx;}

.f-pb10{padding-bottom: 10rpx;}
.f-pb20{padding-bottom: 20rpx;}
.f-pb30{padding-bottom: 30rpx;}
.f-pb40{padding-bottom: 40rpx;}
.f-pb50{padding-bottom: 50rpx;}
.f-pb60{padding-bottom: 60rpx;}

.f-ml10{margin-left: 10rpx;}
.f-ml20{margin-left: 20rpx;}
.f-ml30{margin-left: 30rpx;}
.f-ml40{margin-left: 40rpx;}
.f-ml50{margin-left: 50rpx;}
.f-ml60{margin-left: 60rpx;}

.f-pl10{padding-left: 10rpx;}
.f-pl20{padding-left: 20rpx;}
.f-pl30{padding-left: 30rpx;}
.f-pl40{padding-left: 40rpx;}
.f-pl50{padding-left: 50rpx;}
.f-pl60{padding-left: 60rpx;}

.f-mr10{margin-right: 10rpx;}
.f-mr20{margin-right: 20rpx;}
.f-mr30{margin-right: 30rpx;}
.f-mr40{margin-right: 40rpx;}
.f-mr50{margin-right: 50rpx;}
.f-mr60{margin-right: 60rpx;}

.f-pr10{padding-right: 10rpx;}
.f-pr20{padding-right: 20rpx;}
.f-pr30{padding-right: 30rpx;}
.f-pr40{padding-right: 40rpx;}
.f-pr50{padding-right: 50rpx;}
.f-pr60{padding-right: 60rpx;}

/*颜色*/
.s-blue{color: #1E90FF ;}
.s-red{color: #FF4F36 ;}
.s-orange{color: #CD9500;}
.s-green{color: #5CB85C ;}
.s-flower{color: #ff8761 ;}
.s-gray{color: #909090 ;}
.s-deepgray{color: #666 ;}
.s-black{color: #313131;}
.s-white{color: #FFFFFF ;}
.s-main{color: #383838;}
.s-gold{color: #9E8051;}

/*状态*/
.z-block{display: block;}
.z-hide{display: none;}
.z-error{border: 1px solid #ef4437;}

.placeholder {
    color: #999;
}

.flex-item {
    flex: 1;
}
.flex {
    display: flex;
}

.onepx:after{
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    z-index: 2;
    bottom: 0;
    border-bottom: 1px solid #E2E2E2;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
}

.switch {
    zoom: .8;
}